/* el-container 容器布局 */
.el-container {
  height: 100%;
  .el-aside {
    width: $AsideBarWidth !important;
  }
  .el-header {
    padding: 0px !important;
  }
  .el-main {
    padding: 0px !important;
  }
  .el-footer {
    padding: 0px !important;
  }
}

/* el-menu 菜单 */
.el-menu {
  border: none;
  height: 100%;
  width: 100% !important;

  /* 菜单栏选中背景色 */
  .el-menu-item.is-active {
    background: $MenuItemActiveBackground !important;
  }

  /* 菜单栏鼠标移入时的背景色 */
  .el-menu-item:hover:not(.is-active) {
    background: $MenuItemHover !important;
  }

  .el-menu-item {
    display: flex;
    align-items: center;
    span {
      font-size: 14px;
    }
  }
}

.el-table__header {
  .el-table__cell {
    padding: 8px 0 !important;
  }
}

.el-table__body {
  .el-table__cell {
    padding: 4px 0 !important;
  }
}

.el-pager li:not(.active) {
  background-color: white !important;
}

.el-dialog {
  width: 50%;
}
.el-dialog__footer {
  padding: 10px 40px 20px;
}
.el-dialog__body {
  padding: 20px 20px;;
  .el-form {
    .el-input {
      width: 94%;
    }
    .el-textarea {
      width: 94%;
    }
  }
}

.el-tabs__nav-wrap::after {
  height: 1px !important;
  background-color: #DCDFE6 !important;
}
.el-drawer__body {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  padding: 0 16px 0 16px;
  box-sizing: border-box;
}
.drawer__content {
  flex: 1;
}
.drawer__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  gap: 20px;
}

.el-loading-mask .el-loading-text {
  color: white !important;
}

.el-loading-mask .el-icon-loading {
  color: white !important;
}
